<!DOCTYPE html>
<html lang="zh">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="赤子英金官方网站。赤子英金是由中学生组成的社会性集团，成立于2022年。我们致力于服务学生群体，分享技术内容，并通过传播社会正能量来履行社会使命。欢迎访问！" />
  <meta name="keywords" content="赤子英金,Chiziingiin,前端,JavaScript,赤峰二中,学生团体" />
  <meta name="author" content="张新越(RainyDreams)" />
  <meta name="robots" content="index, follow" />
  <meta name="baiduspider" content="index, follow" />
  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="yandexbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="referrer" content="always" />
  <meta property="og:type" content="webpage">
  <meta property="og:title" content="赤子英金 Chiziingiin">
  <meta property="og:description" content="赤子英金官方网站。赤子英金是由中学生组成的社会性集团，成立于2022年。我们致力于服务学生群体，分享技术内容，并通过传播社会正能量来履行社会使命。欢迎访问！">
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />

  <title>赤子英金 Chiziingiin</title>
  <!-- Preloader -->
  <style>
    @keyframes hidePreloader {
      0% {
        width: 100%;
        height: 100%;
      }

      100% {
        width: 0;
        height: 0;
      }
    }

    body>div.preloader {
      position: fixed;
      background: white;
      width: 100%;
      height: 100%;
      z-index: 1071;
      opacity: 0;
      transition: opacity .5s ease;
      overflow: hidden;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body:not(.loaded)>div.preloader {
      opacity: 1;
    }

    body:not(.loaded) {
      overflow: hidden;
    }

    body.loaded>div.preloader {
      animation: hidePreloader .5s linear .5s forwards;
    }
  </style>
  <script>
    window.addEventListener("load", function () {
      setTimeout(function () {
        document.querySelector('body').classList.add('loaded');
      }, 300);
    });
  </script>
  <!-- Favicon -->
  <link rel="icon" href="./assets/logo.png" type="image/png">
  <link rel="stylesheet" href="./assets/all.min.css">
  <!-- Quick CSS -->
  <link rel="stylesheet" href="./assets/quick-website.css" id="stylesheet">
</head>

<body class="loaded">
  <!-- Preloader -->
  <div class="preloader">
    <div class="spinner-border text-primary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-light bg-white">
    <div class="container">
      <!-- Brand -->
      <a class="navbar-brand" href="/">
        <img alt="Image placeholder" src="./assets/dark.png" id="navbar-logo">
      </a>
      <!-- Toggler -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
        aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Collapse -->
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mt-4 mt-lg-0 ml-auto">
          <li class="nav-item ">
            <a class="nav-link" href="/">首页</a>
          </li>
          <li class="nav-item dropdown dropdown-animate" data-toggle="hover">
            <a class="nav-link" href="#" role="button" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">项目</a>
            <div class="dropdown-menu dropdown-menu-single">
              <a href="https://munox.gitee.io/#/" class="dropdown-item">点滴进度网页版</a>
              <a href="./q/index.html" class="dropdown-item">轻 浏览器</a>
              <a href="https://munox.gitee.io/rsa/#/" class="dropdown-item">CRSA</a>
              <div class="dropdown-divider"></div>
              <a href="https://munox.gitee.io/rainydreams/#/tools" class="dropdown-item">其他</a>
            </div>
          </li>
          <li class="nav-item ">
            <a class="nav-link" href="https://munox.gitee.io/rainydreams/#/about">了解我们</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- Main content -->
  <section class="slice py-7">
    <div class="container">
      <div class="row row-grid align-items-center">
        <div class="col-12 col-md-5 col-lg-6 order-md-2 text-center">
          <!-- Image -->
          <figure class="w-100">
            <img alt="Image placeholder" src="./assets/illustration-3.svg"
              class="img-fluid mw-md-120">
          </figure>
        </div>
        <div class="col-12 col-md-7 col-lg-6 order-md-1 pr-md-5">
          <!-- Heading -->
          <h1 class="display-2 text-center text-md-left mb-3">
            Welcome!<br/><strong class="text-primary">This is Chiziingiin</strong>
          </h1>
          <!-- Text -->
          <p class="lead text-center text-md-left text-muted">
            梦想只是开始，探索永不止步！这里是赤子英金！
          </p>
        </div>
      </div>
    </div>
  </section>
  <section class="slice slice-lg pt-lg-6 pb-0 pb-lg-6 bg-section-secondary">
    <div class="container">
      <!-- Title -->
      <!-- Section title -->
      <div class="row mb-5 justify-content-center text-center">
        <div class="col-lg-6">
          <span class="badge badge-soft-success badge-pill badge-lg">
            最近
          </span>
          <h2 class=" mt-4">赤子英金最新发布<br>一个记录进度目标计数和专注的网页应用程序</h2>
          <h4>点滴进度网页版</h4>
          <div class="mt-2">
            <p class="lead lh-180">为了方便人们记录自己日常生活中的待办任务（如进度，目标，计数）和专注做一件事情的时间等,让用户享受方便快捷高效美观的程序。</p>
          </div>
        </div>
      </div>
      <!-- Card -->
      <div class="row mt-5">
        <div class="col-md-4">
          <div class="card">
            <div class="card-body pb-5">
              <div class="pt-4 pb-5">
                <img src="./assets/illustration-5.svg" class="img-fluid img-center"
                  style="height: 150px;" alt="Illustration">
              </div>
              <h5 class="h4 lh-130 mb-3">优美的程序动画和软件界面</h5>
              <p class="text-muted mb-0">采用轻拟物设计，软件自开发初期就努力适配各种情况，各个条目均支持设置主题色，并提供暗色模式设置，充分考虑用户的个性化需求。 </p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <div class="card-body pb-5">
              <div class="pt-4 pb-5">
                <img src="./assets/illustration-6.svg" class="img-fluid img-center"
                  style="height: 150px;" alt="Illustration">
              </div>
              <h5 class="h4 lh-130 mb-3">清晰的操作逻辑</h5>
              <p class="text-muted mb-0">“防呆设计”为防止用户录入信息不符合规范，我在程序中进行了许多优化，以提示用户输入符合规范的数据，从而防止潜在的程序运行问题。当用户点击某个按钮过快时也会做截流处理，防止软件过载。</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <div class="card-body pb-5">
              <div class="pt-4 pb-5">
                <img src="./assets/illustration-7.svg" class="img-fluid img-center"
                  style="height: 150px;" alt="Illustration">
              </div>
              <h5 class="h4 lh-130 mb-3">高效的调度</h5>
              <p class="text-muted mb-0">虑到了软件的高效性和可维护性，代码整洁高效，逻辑清晰有条理，逻辑丰富但是很有条理，采用模块化编写模式，使用Sass，Bable等成熟的预编译技术，使用前端技术编写，这样可以在任何一个有浏览器的设备运行，降低运行门槛。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="slice slice-lg bg-section-dark pt-5 pt-lg-8">
    <!-- SVG separator -->
    <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
      <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;"
        xml:space="preserve" class="">
        <polygon points="2560 0 2560 100 0 100"></polygon>
      </svg>
    </div>
    <!-- Container -->
    <div class="container position-relative zindex-100">
      <div class="col">
        <div class="row justify-content-center">
          <div class="col-md-10 text-center">
            <div class="mt-4 mb-6">
              <h2 class="h1 text-white">
                想了解我们吗？
              </h2>
              <h4 class="text-white mt-3">赤子英金是由中学生组成的社会性集团，成立于2022年。我们致力于服务学生群体，分享技术内容，并通过传播社会正能量来履行社会使命。</h4>
              <!-- Play button -->
              <a href="https://munox.gitee.io/rainydreams/#/about" class="btn btn-primary btn-icon mt-4">了解我们</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="slice slice-lg bg-section-secondary">
    <div class="container text-center">
      <div class="row justify-content-center mb-6">
        <div class="col-lg-8">
          <!-- Title -->
          <h2 class="h1 strong-600">
            和我们一起实现梦想
          </h2>
          <!-- Text -->
          <p class="text-muted">
            这是一个初创团队，我们很期待你的加入
          </p>
        </div>
      </div>
      <div class="mt-5 text-center">
        <p class="mb-2">
          在这里，联系我们
        </p>
        <a href="mailto:cfzxycn@163.com" class="text-primary text-underline--dashed">cfzxycn@163.com<svg
            xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="feather feather-arrow-right ml-2">
            <line x1="5" y1="12" x2="19" y2="12"></line>
            <polyline points="12 5 19 12 12 19"></polyline>
          </svg></a>
      </div>
    </div>
  </section>
  <footer class="position-relative" id="footer-main">
    <div class="footer pt-lg-7 footer-dark bg-dark">
      <!-- SVG shape -->
      <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
        <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
          preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;"
          xml:space="preserve" class=" fill-section-secondary">
          <polygon points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
      <!-- Footer -->
      <div class="container pt-4">
        <div class="row">
          <div class="col-lg-4 mb-5 mb-lg-0">
            <!-- Theme's logo -->
            <a href="/">
              <img alt="Image placeholder" src="./assets/light.png" style="height:80px" id="footer-logo">
            </a>
            <!-- Webpixels' mission -->
            <p class="mt-4 text-sm opacity-8 pr-lg-4">微信搜索“赤子英金”或扫码关注赤子英金官方公众号</p>
            <!-- Social -->
            <img src="https://munox.gitee.io/rainydreams/assets/qrcode_mp-ee56d019.jpg" style="height:100px" alt="">
          </div>
          <div class="col-lg-2 col-6 col-sm-6 ml-lg-auto mb-5 mb-lg-0">
            <h6 class="heading mb-3">产品</h6>
            <ul class="list-unstyled">
              <li><a href="https://munox.gitee.io/#/">点滴进度网页版</a></li>
              <li><a href="./q/index.html">轻 浏览器</a></li>
              <li><a href="https://munox.gitee.io/rsa/#/">CRSA</a></li>
            </ul>
          </div>
          <div class="col-lg-2 col-6 col-sm-6 mb-5 mb-lg-0">
            <h6 class="heading mb-3">关于</h6>
            <ul class="list-unstyled">
              <li><a href="https://munox.gitee.io/rainydreams/#/about">我们是谁</a></li>
            </ul>
          </div>
        </div>
        <hr class="divider divider-fade divider-dark my-4">
        <div class="row align-items-center justify-content-md-between pb-4">
          <div class="col-md-6">
            <div class="copyright text-sm font-weight-bold text-center text-md-left">
              © 2024 <a href="/" class="font-weight-bold">Chiziingiin</a>. All rights
              reserved
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </footer>
  <!-- Core JS  -->
  <script src="./assets/jquery.min.js"></script>
  <script src="./assets/bootstrap.bundle.min.js"></script>
  <script src="./assets/svg-injector.min.js"></script>
  <script src="./assets/feather.min.js"></script>
  <!-- Quick JS -->
  <script src="./assets/quick-website.js"></script>
  <!-- Feather Icons -->
  <script>
    feather.replace({
      'width': '1em',
      'height': '1em'
    })
  </script>


</body>

</html>